<template>
  <v-btn :rounded="rounded" :loading="loading" :block="block" class="custom-btn" @click="clickHandle" height="45">
    <slot></slot>
  </v-btn>
</template>

<script>
    /**
     *
     * @author Canaan
     * @date 2019/8/28 20:28.
     */
    export default {
        name: 'Button',
        mounted() {

        },
        components: {},
        props: {
            block: {
                type: Boolean,
                default: false
            },
            loading: {
                type: Boolean,
                default: false
            },
            rounded:{
                type: Boolean,
                default: false
            }
        },
        data() {
            return {}
        },
        computed: {},
        methods: {
            clickHandle() {
                this.$emit('click');
            }
        },
        watch: {},
        filters: {},
        beforeDestroy() {

        }
    }
</script>

<style scoped>
  .custom-btn {
    width: 100%;
    height: 40px !important;
    margin: 0;
    padding: 0;
    background: linear-gradient(-90deg, #ff6c59 0%, #ff9859 100%);
    background-blend-mode: normal, normal;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 20px;
  }
</style>
